:root
  --color-1 #000
  --color-2 #CE6D39
  --color-4 #FFEEE4
  --el-color-primary #2970f6

// display相关
.block
  display block

.flex
  display flex

// flex相关
.flex-1
  flex 1 1 0%
  width 0

.flex-v-1
  flex 1 1 0%
  height 0

.items-center
  align-items center

.items-stretch
  align-items stretch

.justify-center
  justify-content center

.justify-between
  justify-content space-between

// 溢出
.overflow-auto
  overflow auto

.overflow-hidden
  overflow hidden

// 盒子计算
.w-full
  width 100%

.h-full
  height 100%

.h-screen
  height 100vh

.mx-auto
  margin-right auto
  margin-left auto

.mt-10
  margin-top 10px

.mt-20
  margin-top 20px

.mt-30
  margin-top 30px

.mb-15
  margin-bottom 15px

.mb-20
  margin-bottom 20px

.mb-30
  margin-bottom 30px

.ml-20
  margin-left 20px

.mr-20
  margin-right 20px

.mr-30
  margin-right 30px

.p-20
  padding 20px

.px-10
  padding-right 10px
  padding-left 10px

.px-20
  padding-right 20px
  padding-left 20px

.br-6
  border-radius 6px

// 文字相关
.font-14
  font-size 14px

.color-success
  color var(--el-color-success)

.color-text-regular
  color var(--el-text-color-regular)

.truncate // 截断
  overflow hidden
  text-overflow ellipsis
  white-space nowrap

.white-space-pre
  white-space pre

.white-space-pre-wrap
  white-space pre-wrap

.break-words
  overflow-wrap break-word

.break-all
  word-break break-all

.text-center
  text-align center

.line-through
  text-decoration line-through

// 背景相关
.bg-white
  background white

// 其他
.cursor-pointer
  cursor pointer